<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="module">
    // 模拟React.createElement方法
    import {createElement} from "./lib/virtualHandler.js";

    // {
    //     $$typeof:Symbol(react.element)
    //     "type": "p",
    //     "key": null,
    //     "ref": null,
    //     "props": {
    //          "style": {
    //              "color": "red",
    //          },
    //          "children": "1"
    //      }
    // }
    const p1 = createElement("p",{
        style:{
            color:"red"
        }
    },"1");
    // {
    //     $$typeof:Symbol(react.element)
    //     "type": "p",
    //     "key": null,
    //     "ref": null,
    //     "props": {
    //          "children": "2"
    //      }
    // }
    const p2 = createElement("p",null,2);

    const div = createElement("div",null,p1,p2)
    console.log(div);
</script>
</html>